@charset "utf-8";
@import "../../../../layout/sass/_mixin-fun.scss";

.carousel {
	width: 100%;
	min-width: 1020px;
	min-height: 400px;
	position: relative;
	overflow: hidden;
	a {
		display: block;
		img {
			width: 100%;
		}
	}
	.flex-direction-nav a {
		width: 23px;
		height: 42px;
		top: 50%;
		margin-top: -21px;
		background: url(/img/icons.png) no-repeat;
		cursor: pointer;
		&.flex-next {
			background-position: -25px -47px;
			right: 235px;
		}
		&.flex-prev {
			background-position: 0 -47px;
			left: 235px;
		}
	}
}//carousel

.hot-sale {
	width: 100%;
	min-width: 1020px;
	.inner {
		.head-line {
			width: 838px;
			height: 28px;
			margin: 0 auto;
			padding-bottom: 3px;
			position: relative;
			.text {
				color: rgba(103,82,69,1);
				font-size: 24px;
				width: 140px;
				text-align: center;
				background: white;
				z-index: 2;
				position: absolute;
				bottom: 0;
				left: 50%;
				margin-left: -70px;
			}
			.lines {
				width: 100%;
				position: absolute;
				bottom: 0;
				left: 0;
				height: 7px;
				background: white;
				border: {
					top: 4px solid $global-color;
					bottom: 1px solid $global-color;
				}
			}
		}//head-line
		.tips {
			margin-top: 10px;
			color: rgba(103,82,69,1);
			font-size: 12px;
			font-weight: 700;
			text-align: center;
		}
		.show-area {
			width: 100%;
			margin-top: 70px;
			span.hot {
				width: 60px;
				height: 36px;
				background: rgba(220,75,78,1);
				color: white;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
				line-height: 36px;
				text-align: center;
				font-size: 18px;
				font-weight: 800;
				&.sm {
					width: 40px;
					height: 24px;
					font-size: 14px;
					line-height: 24px;
				}
			}
			.left {
				width: 400px;
				position: relative;
				overflow: hidden;
				display: block;
				.flexslider {
					width: 100%;
					ul {
						width: 100%;
						li {
							width: 100%;
							a {
								display: block;
								float: left;
								width: 400px;
								img {
									display: block;
									width: 100%;
									height: 450px;
								}
								p.price {
									width: 100%;
									color: rgba(220,75,78,1);
									font-size: 18px;
									height: 20px;
									overflow: hidden;
									text-overflow: ellipsis;
									white-space: nowrap;
									margin-top: 7px;
								}
								p.title {
									width: 100%;
									font-size: 12px;
									height: 14px;
									overflow: hidden;
									text-overflow: ellipsis;
									white-space: nowrap;
									color: black;
									margin-top: 5px;
									height: 42px;
								}
							}
						}//li
					}//ul
					.flex-direction-nav a {
						width: 21px;
						height: 16px;
						top: 50%;
						margin-top: -8px;
						background: url(/img/icons.png) no-repeat;
						cursor: pointer;
						&.flex-next {
							background-position: -143px -24px;
							right: 0;
						}
						&.flex-prev {
							background-position: -120px -24px;
							left: 0;
						}
					}
				}//flexslider
				.price {
					margin-top: 40px;
					line-height: 20px;
					span {
						display: block;
						float: left;
						&.num {
							color: rgba(220,75,78,1);
							font-weight: bold;
							font-size: 18px;
						}
						&.data {
							margin-left: 30px;
							color: rgba(136,136,136,1);
							font-size: 14px;
							i {
								color: $global-color;
							}
						}
					}//span
				}//price
				.title {
					color: black;
					margin-top: 20px;
				}
			}//left
			.right {
				width: 520px;
				.one-block {
					width: 200px;
					position: relative;
					overflow: hidden;
					height: 300px;
					float: left;
					margin-top: 10px;
					display: block;
					&.margin-r {
						margin-right: 120px;
					}
					img {
						width: 100%;
						height: 200px;
					}
					.price {
						margin-top: 10px;
						line-height: 20px;
						p.num {
							color: rgba(220,75,78,1);
							font-size: 18px;
						}
						
						span.data {
							margin-top: 7px;
							color: rgba(136,136,136,1);
							font-size: 14px;
							.margin-r {
								margin-right: 20px;
							}
							i {
								color: $global-color;
							}
						}
					}//price
					.title {
						color: black;
						margin-top: 7px;
						font-size: 12px;
						height: 36px;
						overflow: hidden;
					}
				}//one-block
			}//right
		}//show-area
	}//inner
}//hot-sale

.new-sale {
	width: 100%;
	min-width: 1020px;
	.inner {
		.head-line {
			width: 838px;
			height: 28px;
			margin: 0 auto;
			padding-bottom: 3px;
			position: relative;
			.text {
				color: rgba(103,82,69,1);
				font-size: 24px;
				width: 140px;
				text-align: center;
				background: white;
				z-index: 2;
				position: absolute;
				bottom: 0;
				left: 50%;
				margin-left: -70px;
			}
			.lines {
				width: 100%;
				position: absolute;
				bottom: 0;
				left: 0;
				height: 7px;
				background: white;
				border: {
					top: 4px solid $global-color;
					bottom: 1px solid $global-color;
				}
			}
		}//head-line
		.tips {
			margin-top: 10px;
			color: rgba(103,82,69,1);
			font-size: 12px;
			font-weight: 700;
			text-align: center;
		}
		.show-area {
			width: 838px;
			margin: 0 auto;
			min-height: 170px;
			padding-top: 10px;
			.flexslider {
				width: 100%;
				ul {
					width: 100%;
					li {
						width: 100%;
						.main-area {
							width: 720px;
							margin: 0 auto;
							position: relative;
							a {
								display: block;
								float: left;
								width: 144px;
								padding: 0 10px;
								img {
									display: block;
									width: 100%;
									height: 120px;
								}
								p.price {
									width: 100%;
									color: rgba(220,75,78,1);
									font-size: 18px;
									height: 24px;
									overflow: hidden;
									text-overflow: ellipsis;
									white-space: nowrap;
									margin-top: 7px;
								}
								p.title {
									width: 100%;
									font-size: 12px;
									height: 16px;
									overflow: hidden;
									text-overflow: ellipsis;
									white-space: nowrap;
									color: black;
									margin-top: 5px;
								}
							}
						}//main-area
					}
				}
				.flex-direction-nav a {
					width: 11px;
					height: 18px;
					top: 50%;
					margin-top: -9px;
					background: url(/img/icons.png) no-repeat;
					cursor: pointer;
					&.flex-next {
						background-position: -179px -23px;
						right: 0;
					}
					&.flex-prev {
						background-position: -166px -23px;
						left: 0;
					}
				}
			}//flexslider
		}//show-area
	}//inner
}//new-sale

.recommend {
	width: 100%;
	min-width: 1020px;
	.inner {
		.head-line {
			width: 838px;
			height: 28px;
			margin: 0 auto;
			padding-bottom: 3px;
			position: relative;
			.text {
				color: rgba(103,82,69,1);
				font-size: 24px;
				width: 140px;
				text-align: center;
				background: white;
				z-index: 2;
				position: absolute;
				bottom: 0;
				left: 50%;
				margin-left: -70px;
			}
			.lines {
				width: 100%;
				position: absolute;
				bottom: 0;
				left: 0;
				height: 7px;
				background: white;
				border: {
					top: 4px solid $global-color;
					bottom: 1px solid $global-color;
				}
			}
		}//head-line
		.tips {
			margin-top: 10px;
			color: rgba(103,82,69,1);
			font-size: 12px;
			font-weight: 700;
			text-align: center;
		}
		.show-area {
			width: 1020px;
			margin: 0 auto;
			padding: 0 2px;
			.one-block {
				margin-top: 10px;
				width: 254px;
				float: left;
				padding: 0 7px;
				display: block;
				img {
					display: block;
					width: 100%;
					height: 240px;
				}
				.price {
					margin-top: 20px;
					line-height: 20px;
					p.num {
						color: rgba(220,75,78,1);
						font-size: 18px;
						width: 100%;
					}
					span.data {
						margin-top: 10px;
						color: rgba(136,136,136,1);
						font-size: 14px;
						i {
							color: $global-color;
						}
					}
				}//price
				p.title {
					font-size: 14px;
					width: 100%;
					height: 42px;
					overflow: hidden;
					margin-top: 18px;
					color: black;
				}
			}//one-block
		}//show-area
	}//inner
}//recommend